
/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*----------basic----------------*/
ul{list-style:none}
ul li{display:list-item;}
html,body {font: 13px 'MyriadWebProRegular', sans-serif; background: none repeat scroll 0 0 transparent; color:#000; height:100%}
a { text-decoration:none; color: #878787 }
a:hover { text-decoration:underline; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
button { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding: 0; margin: 0; resize:none}
select, .cp  { cursor:pointer; }
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
/*===========================*/

#wrapper{
	position:relative;
}
#header{
	width:100%;
	position: fixed;
	top:0;
	left:0;
	z-index:9999
}
h2, h2 a{
	margin-top:-100px;
	padding-top:100px
}
#article1{
	background: url("../images/photo6.jpg") no-repeat center top;
	background-size: cover;
	width:100%;
	height:768px;
	padding-top:140px
}
.data{
	display: block;
    float: none;
    
	z-index:2
}
.content{
	margin: 0 auto;
	width:960px;
	position:relative;
	overflow:hidden
}

#logo{
	width:324px;
	height:71px;
	float:left;
}
#logo h1 a{
	background: url("../images/logo.jpg") no-repeat;
	display:block;
	text-indent:-999px;
	width:324px;
	height:71px;
}
#read-article{
	font-size:20px;
	color:#52d2df;
	text-transform:uppercase;
	width:67px;
	background:#fff;
	 font-family: 'myriad_web_probold';
	 letter-spacing:-1.5px;
	 padding:5px;
	 float:left;
	 border-right:1px solid #000
}
#table-content{
	background:#fff;
	width: 146px;
	display:inline-block;

}
#table-content ul.menu li{
	border:none;
	padding:5px;	
	position:relative
} 

#table-content ul.menu li a{
	font-size:20px;
	color:#52d2df;
	text-transform:uppercase;	
	 font-family: 'myriad_web_probold';
	 letter-spacing:-1.5px;

	text-decoration:none
}
#table-content ul.menu li ul{
	display:none;
	position:absolute;
	top:58px; right:0px;
	background:#fff
}
/*#table-content ul.menu li:hover ul{
	display:block;
	width:146px;
	background:#fff
}*/
#table-content ul.menu ul li{
	border-top:1px solid #b7b7b7;
	padding:5px;
}

#table-content ul.menu li ul li a{
	font-family: 'myriad_pro_lightregular';
	font-size:14px;
	line-height:18px;
	color:#000;
	letter-spacing:-1px;
}
#table-content ul.menu li ul li:hover, #table-content ul.menu li ul li.active{
	background:#b7b7b7;
} 
#table-content ul.menu li ul li a:hover, #table-content ul.menu li ul li.active a{
	text-decoration:none;
}
/*=================*/
ul.navigator{
    bottom: 40px;
    position: absolute;
    right: 0;
}
ul.navigator li a{
	display:block;
	text-indent:-999px;
	height:28px;
	width:11px
}
ul.navigator li a.up{
	background: url("../images/up.jpg") no-repeat;
}
ul.navigator li a.down{
	background: url("../images/down.jpg") no-repeat;
}
ul.navigator li a.up:hover{
	background: url("../images/up_hover.jpg") no-repeat;
}
ul.navigator li a.down:hover{
	background: url("../images/down_hover.jpg") no-repeat;
}
ul.navi{
    top: 340px !important;
    position: absolute;
    right: 0;
}
/*================ARTICLE 1=============================*/
#article1 h2,#article1 h2 a{
	font-size:95.68px;
	color:#fff;
	line-height: 71.96px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2px;
	width:410px;
	text-shadow: 1px 1px 6px #000;
	margin-bottom:40px;
		text-decoration:none
}

.photo-1{
	float:left;
	margin-right:15px;
}
.photo-1 img{
	box-shadow: 1px 1px 6px #000;
}
.intro{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	width:509px;	
	color:#fff;
	padding:5px 0
}
.meta-1{
	width:509px;
}
.meta-1 p{
	font-size:13px;
	font-family: 'myriad_web_proitalic';
}
/*================ARTICLE 2=============================*/
#article2{
	height:345px;
	padding:40px 0;
}
.photo-2{
	float:right;
	margin-left:37px;
	margin-right:20px
}
.meta-2{
	font-size:13px;
	line-height:16px;
}
#article2 h2, #article2 h2 a{
	font-size:60px;
	color:#52d2df;
    font-family: 'myriad_pro_lightregular';
	font-weight:400;
	letter-spacing:-1px;
	line-height:44px;
		text-decoration:none
}
#article2 h2 span{
	color:#000;
	font-family: 'myriad_web_probold';font-weight:400
}
/*================ARTICLE 3=============================*/
#article3{
	background:#f0f0f0;
	padding-bottom:30px;
	padding-top:24px;
}
#article3 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article3 h2 a{
	text-decoration:none;
	color:#000
}
#article3 h2 span{
	    font-family: 'myriad_pro_lightregular';
		font-weight:400;
		text-decoration:none;
}
#article3 p{
	letter-spacing:-0.5px;
	line-height:16px;
}
#article3 p span{
	color:#52d2df;
	font-family: 'myriad_web_probold';	
}
/*===================Blocks-3=============================*/
.blocks-3{
	margin-top:20px
}
.block3 {
    float: left;
    height: 505px;
    padding: 10px 17px;
    width: 201px;
}
.block3 h3{
	font-size:18px;
	line-height:15px;
	font-family: 'myriad_web_probold';	
	font-weight:400;
	letter-spacing:-1px
}
/*================ARTICLE 4=============================*/
#article4{
	background-color:#fff;
	padding: 35px 0 50px 0;
}

#article4 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article4 h2 a{
	text-decoration:none;
	color:#000
}

p.spliced{
	letter-spacing:-0.5px;

	padding-bottom:15px;
	margin-right:20px
}

.sidebar {
    float: left;
    padding-left: 10px;
    padding-top: 15px;
    width: 242px;
}

.sidebar p{
	font-size:24px;
	font-family: 'myriad_web_probold';
	color:#52d2df;

}
.block4{
	border-top: 1px solid #000;

	padding-bottom:20px
}
.middle{
    padding-top: 15px;
	display:inline-block;
	width:687px
}

.middle table th{
	width:230px;
	height:30px;
	line-height:30px;
	font-family: 'myriad_web_probold';
	font-size:14px;
	font-weight:400;
	background-color:#c2c2c2;
	border-bottom:1px solid #fff
}

.middle table th.col-1{
	background-color:#c8c8c8
}
.middle table td.col-12{
	font-family: 'myriad_web_probold';
	font-size:14px;
	font-weight:400;
}
.middle table td.col-11{
	height:30px;
	line-height:30px;
	padding-left:15px
}

.mid{
	display:inline-block
}

/*================ARTICLE 5=============================*/
#article5{
	background-color:#fafaf9;
	padding: 40px 0 40px 0;
}

#article5 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article5 h2 a{
	text-decoration:none;
	color:#000
}

.aarticle{ 
	padding-right:20px;
	display:inline-block}

/*================ARTICLE 6=============================*/
#article6{
	background-color:#fff;
	padding: 40px 0 40px 0;
}

#article6 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article6 h2 a{
	text-decoration:none;
	color:#000
}
/*================ARTICLE 7=============================*/
#article7{
	background-color:#f0f0f0;
	padding: 40px 0 40px 0;
}

#article7 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article7 h2 a{
	text-decoration:none;
	color:#000
}

.shadow{
	box-shadow: 1px 1px 6px #4d4c4c
}
/*================ARTICLE 8=============================*/
#article8{
	background-color:#fff;
	padding: 40px 0 40px 0;
}

#article8 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article8 h2 a{
	text-decoration:none;
	color:#000
}
/*================ARTICLE 9=============================*/
#article9{
	background-color:#f0f0f0;
	padding: 40px 0 40px 0;
}

#article9 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article9 h2 a{
	text-decoration:none;
	color:#000
}
/*================ARTICLE 10=============================*/
#article10{
	background-color:#fff;
	padding: 40px 0 40px 0;
}

#article10 h2 {
	font-size:60px;
	font-family: 'myriad_web_probold';
	letter-spacing:-2.5px;
	font-weight:400;
	line-height:48px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	margin-right:20px

}
#article10 h2 a{
	text-decoration:none;
	color:#000
}
